//获取搜索按钮
var btn = document.querySelector('.bottom .main .sousuo button')
//获取输入框
var inp = document.querySelector('.bottom .main .sousuo input')

//点击搜索按钮, 发起ajax请求, 传参数给服务器端, 服务器端返回搜索的结果
btn.onclick = () => {
    axios.get('/user/search', { params: { btnkey: inp.value } }).then((res) => {
        xuanran(res.data.list)
        console.log(res.data);
    })
}

function xuanran(data) {
    console.log(data)
    // var str=''
    var str = data.map((item, index) => {
        return `<tr>
                    <td>${item.email}</td>
                    <td>${item.name}</td>
                    <td>${item.phone}</td>
                    <td>${item.ingroup}</td>
                    <td>${item.guanliyuan ? '是' : '不是'}</td>
                    <td class="${item.zhuangtai ? 'zhengchang' : 'yichang'}">${item.zhuangtai ? '正常' : '异常 '}</td>
                    <td> <span>编辑</span> <span>删除</span> </td>
                </tr>`
    }).join('')

    if (str == '') {
        str = '<ul style="text-align:center;color:red">未查询到数据!</ul>'
    }
    document.querySelector('.bottom .main table tbody').innerHTML
        = str;

}

//获取上下页标签
let shang = document.querySelector('.bottom .main .shang')
let xia = document.querySelector('.bottom .main .xia')
// console.log(shang)
// console.log(xia)
var page = 1
var count = 3


//默认显示第一页 三条数据
if(page==1){
//axios是从axios.min.js文件中暴露的 用来发送ajax请求的一个对象
axios.get('/user/list', { params: { page: page, count: count } }).then((res) => {
    //调用render方法, 传入后端返回的数据 渲染列表
    xuanran(res.data.list);
    console.log(res.data);
})
}
//给上页绑定点击事件
shang.onclick=function(){
    page--
    console.log(page)
    axios.get('/user/list', { params: { page: page, count: count } }).then((res) => {
        //调用render方法, 传入后端返回的数据 渲染列表
        xuanran(res.data.list);
    })
}
//给下页绑定点击事件
xia.onclick=function(){
    page++
    console.log(page)
    axios.get('/user/list', { params: { page: page, count: count } }).then((res) => {
        //调用render方法, 传入后端返回的数据 渲染列表
        xuanran(res.data.list);
    })
}

//设置临界值
if(page==1){
    shang.disabled=true
}else{
    shang.disabled=false
}
if(page==2){
    xia.disabled=true
}else{
    xia.disabled=false
}
if(page>2){
  page=2
}
if(page<1){
    page=1
}